.container {
	padding: 0;
	height: 100%;
	background-color: #f5f5f5;
	.top-box {
		background-color: #f5f5f5;
		padding-bottom: 20rpx;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		position: fixed;
		top: 0;
		z-index: 999;
		.location {
			width: 22%;
			display: flex;
			align-items: center;
			.location-icon {
				width: 40rpx;
				height: 40rpx;
				margin-right: 10rpx;
			}
			.weather-box {
				display: flex;
				flex-direction: column;
				.weather {
					display: flex;
					align-items: center;
					.weather-img {
						width: 40rpx;
						height: 40rpx;
						margin-left: 20rpx;
					}
				}
			}
			text {
				font-size: 26rpx;
				opacity: 0.6;
			}
		}
		// .input-box {
		.input {
			margin-left: 20rpx;
			width: 45%;
			height: 100%;
			padding: 0 10rpx;
			border: 1px solid #ccc;
			border-radius: 15rpx;
		}
		// }
	}
	.scroll-view-container {
		padding: 20rpx;
		height: 100vh;
		.swiper-box {
			width: 100%;
			height: 350rpx;
			border-radius: 20rpx;
			swiper {
				width: 100%;
				height: 100%;
				border-radius: 20rpx;
				.swiper-item {
					width: 100%;
					height: 100%;
					border-radius: 20rpx;
				}
			}
		}
		.list-box {
			margin-top: 20rpx;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			.list {
				background-color: #fff;
				border: 1px solid #eeeeee;
				margin-bottom: 20rpx;
				width: 48%;
				border-radius: 20rpx;
				box-shadow: 2rpx 5rpx 7rpx #ccc;
				.img {
					width: 100%;
					height: 260rpx;
					border-top-left-radius: 20rpx;
					border-top-right-radius: 20rpx;
					background-size: cover;
					background-repeat: no-repeat;
				}
				.text {
					padding: 0 20rpx;
					font-size: 24rpx;
					// 显示两行后面省略号
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					overflow: hidden;
				}
				.time-box {
					margin-top: 10rpx;
					padding: 0 20rpx;
					font-size: 24rpx;
					opacity: 0.6;
				}
			}
		}
	}
}
@media (prefers-color-scheme: dark) {
	.container {
		background-color: #20292d;
		.top-box {
			background-color: #20292d;
		}
		.scroll-view-container {
			.list-box {
				.list {
					background-color: #20292d;
					box-shadow: 2rpx 5rpx 7rpx #000;
					border: 1px solid #000000;
				}
			}
		}
	}
}
